
<mat-toolbar>
  <button mat-icon-button class="example-icon" aria-label="Example icon-button with menu icon" (click)="getVideoCommentList()">
    <mat-icon>arrow_forward_ios</mat-icon>
  </button>
  <span>评论管理</span>

  <span class="example-spacer"></span>

  <button (click)="search()" mat-icon-button class="example-icon" aria-label="Example icon-button with share icon">
      <mat-icon>search</mat-icon>
    </button>
  <mat-form-field class="example-full-width">
      <mat-label>搜索内容</mat-label>
      <input (keyup)="search($event)" matInput placeholder="请输入..." [(ngModel)]="searchText">
      <button *ngIf="searchText" matSuffix mat-icon-button aria-label="Clear" (click)="searchText=''">
          <mat-icon>close</mat-icon>
        </button>
  </mat-form-field>

  <span class="example-spacer"></span>

  <button class="trush-button" mat-mini-fab [matBadge]="deleteCount" matBadgeOverlap="false"
  (click)="onShowDelete()" [color]="showDelete?'warn':'accent'">
      <mat-icon>delete</mat-icon>
  </button>
  <button (click)="addNewVideo()" mat-mini-fab  color="primary">
    <mat-icon>add</mat-icon>
  </button>
  
</mat-toolbar>

  <nova-expansion-panel1>
    输入框
    <h1 question>
      <nova-input-box> </nova-input-box>
    </h1> 
  </nova-expansion-panel1>

  <nova-expansion-panel1>
    侧边栏
    <h1 question>
      <nova-edit-sidebar></nova-edit-sidebar>
    </h1> 
  </nova-expansion-panel1>
  <nova-expansion-panel1>
    下拉菜单
    <h1 question>
      <app-autocomplete></app-autocomplete>
    </h1>
  </nova-expansion-panel1>

  
  <ng-comment-item *ngFor="let comment of VideoCommentList" 
  [comment]="comment"
  (delete)="deleteVideoComment($event)"
  (restore)="deleteVideoComment($event,true)"
  >
  </ng-comment-item>
  
